import schema2component from "../../../utils/schema2component";

// id: 1,
// name: '张三',
// age: 18,
// tel: '13111011101',
// gender: 1,
// company: 'XX XX XX'

const schema = {
  type: 'page',
  title: '会员列表',
  subTitle: '展示基本的增删改查',
  toolbar: [
    // {
    //     type: "button",
    //     actionType: "dialog",
    //     label: "新增",
    //     icon: 'fa fa-plus pull-left',
    //     primary: true,
    //     dialog: {
    //         title: "新增",
    //         body: {
    //             type: "form",
    //             api: "post:/api/customer",
    //             controls: [
    //                 {
    //                     type: "text",
    //                     name: "engine",
    //                     label: "Engine",
    //                     required: true
    //                 },
    //                 {
    //                     type: "divider"
    //                 },
    //                 {
    //                     type: "text",
    //                     name: "browser",
    //                     label: "Browser",
    //                     required: true
    //                 },
    //                 {
    //                     type: "divider"
    //                 },
    //                 {
    //                     type: "text",
    //                     name: "platform",
    //                     label: "Platform(s)",
    //                     required: true
    //                 },
    //                 {
    //                     type: "divider"
    //                 },
    //                 {
    //                     type: "text",
    //                     name: "version",
    //                     label: "Engine version"
    //                 },
    //                 {
    //                     type: "divider"
    //                 },
    //                 {
    //                     type: "text",
    //                     name: "grade",
    //                     label: "CSS grade"
    //                 }
    //             ]
    //         }
    //     }
    // }
  ],
  body: {
    type: "crud",
    // draggable: true,
    api: "/api/customer",
    filter: {
      title: "",
      submitText: "",
      controls: [
        {
          type: "text",
          name: "keywords",
          placeholder: "通过关键字搜索",
          addOn: {
            label: "搜索",
            type: "submit"
          }
        }
      ]
    },
    // bulkActions: [
    //     {
    //         label: "批量删除",
    //         actionType: "ajax",
    //         api: "delete:/api/customer/${ids|raw}",
    //         confirmText: "确定要批量删除?"
    //     },
    //     {
    //         label: "批量修改",
    //         actionType: "dialog",
    //         dialog: {
    //             title: "批量编辑",
    //             body: {
    //                 type: "form",
    //                 api: "/api/customer/bulkUpdate2",
    //                 controls: [
    //                     {
    //                         type: 'hidden',
    //                         name: 'ids'
    //                     },
    //                     {
    //                         type: "text",
    //                         name: "engine",
    //                         label: "Engine"
    //                     }
    //                 ]
    //             }
    //         }
    //     }
    // ],
    columns: [
      {
        name: "id",
        label: "ID",
      },

      {
        name: "name",
        label: "姓名",
      },

      {
        name: "age",
        label: "年龄",
      },

      {
        name: "gender",
        label: "性别",
        type: 'mapping',
        map: {
          1: '♂',
          '*': '♀'
        }
      },

      {
        name: 'tel',
        label: '电话'
      },

      {
        name: 'company',
        label: '所属公司'
      },

      {
        "type": "operation",
        "label": "操作",
        "buttons": [
          {
            "label": "详情",
            "type": "button",
            "level": "link",
            "actionType": "dialog",
            "dialog": {
              "title": "查看详情",
              "body": {
                "type": "form",
                "body": [
                  {
                    "type": "input-text",
                    "name": "engine",
                    "label": "Engine"
                  },
                  {
                    "type": "input-text",
                    "name": "browser",
                    "label": "Browser"
                  },
                  {
                    "type": "input-text",
                    "name": "platform",
                    "label": "platform"
                  },
                  {
                    "type": "input-text",
                    "name": "version",
                    "label": "version"
                  },
                  {
                    "type": "control",
                    "label": "grade",
                    "body": {
                      "type": "tag",
                      "label": "${grade}",
                      "displayMode": "normal",
                      "color": "active"
                    }
                  }
                ]
              }
            }
          },
          {
            "label": "删除",
            "type": "button",
            "level": "link",
            "className": "text-danger",
            "disabledOn": "this.grade === 'A'"
          }
        ]
      }
    ]
  }
};

export default schema2component(schema);